.layout{
  .content{
    width: 100%;
    .one{
      height: 350rpx;
      position: relative;
      .logo{ width: 54rpx; height: 74rpx;position: absolute;left: 50%;transform: translateX(-50%);bottom: 200rpx;}
    }
    .two{
      position: relative;
      padding: 32rpx 75rpx;
      .a{ color: #000000; font-size: 52rpx;font-weight: 600;}
      .b{ color: #000000; font-size: 36rpx; margin-top: 16rpx;}
    }
    .three{
      width: 600rpx;
      margin: 100rpx auto 0;
      
      .phone {
        background: transparent;
        margin-top: 30rpx;
        border: 1rpx solid #666;
        color: #333333;
      }
    }
  }
}
.phoneLogin{
  position: relative;
  width: 600rpx;
  margin: 100rpx auto 0;
  z-index: 999;
}
.form{
  
  .form-item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20rpx 30rpx;
    background: #fff;
    margin-top: 30rpx;
    border-radius: 20rpx;
    &:last-child {
      margin-top: 100rpx;
      padding: 0;
    }
    &.bgNone{
     background: transparent;
    }
    &.tips{
      border-bottom: none;
      display: flex;
      justify-content: flex-end;
      view{
        font-size: 28rpx;
        color: #00b383;
      }
    }
    .label{
      width: 130rpx;
      display: flex;
      text{
        font-size: 28rpx;
      }
    }
    .uni-input{
      width: 100%;
      font-size: 28rpx;
      height: 60rpx;
      line-height: 60rpx;
      background: #fff;
    }
    .yzm{
      width: calc(100% - 168rpx);
    }
    .send{
      width: 168rpx;
      font-size: 28rpx;
      text-align: center;
      color: #00b383;
    }
  }
}
